@theme-header-color-top: #ffb2a6;

@theme-header-color-bottom: rgb(255, 215, 182);
//@theme-footer-color:;

.container .row.api-add {
  padding-top: 2%;
}

.container .row.api-add .form-horizontal .form-group {
  padding-top: 1%;
  padding-bottom: 1%;
}

.api-add-body {
  background-image: url("../../static/images/bg/restaurant_icons.png");
}

.api-add-body .navbar.navbar-default.navbar-static-top {
  background-image: url("../../static/images/bg/ignasi_pattern_s.png");
}

.api-add-body .row.theme img.img-rounded.theme-add {
  width: 200px;
  height: 100px;
}

.theme-panel {
  z-index: 9999;
  position: fixed;
  width: 100%;
  left:0;
  bottom:0;
  //background: linear-gradient(to bottom, #6f6f6f, rgb(18, 18, 18));
  background: linear-gradient(to bottom, @theme-header-color-top, @theme-header-color-bottom);
  display: none;
  .theme-header {
    width: 100%;
    left:0;
    padding: 1% 0 1% 0;
    //background: linear-gradient(to bottom, rgba(255, 246, 249, 0.38), @theme-header-color);
    background: @theme-header-color-top;
    font: 12px/1.5 "Microsoft YaHei", arial, SimSun, "宋体";
    font-size: 15px;
    color: #FFF;
  }

  .theme-container {
    div.img-bg div {
      img {
        border-radius: 5px;
        width: 100px;
        height: 80px;
        padding: 0 2px 4px 2px;
      }
      img:hover{
        opacity: 0.8;
        border: 2px dashed #06c;
      }
    }
    div.img-bg-prev {
      width: 300px;
      height: 163px;
      background-image: url("../../static/images/bg/restaurant_icons.png");
      padding-top: 1px;
    }
    div.img-bg-prev img {
      width: 290px;
      height: 163px;
      opacity: 0.8;
      filter: alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
    }
  }

  .theme-footer {
    padding: 1% 0 1% 0;
    button {
      margin: 0 1% 0 1%;
    }
  }
}
